<template>
    <div class="not-found">
      <strong>
        <h1>404NotFound!</h1>
      </strong>
      <img src="../assets/404.svg" alt="">
      <RouterLink to="/">
        <n-button color="#8a2be2">
          访问首页
        </n-button>
      </RouterLink>
    </div>
  </template>
  
  <script setup>
  
  </script>
  
  <style lang="scss" scoped>
  .not-found{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  img{
      height: 300px;
      margin-bottom: 30px;
  }
  h1{
    font-size: 50px;
    color: #8a2be2;
  }
  </style>